<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link href="css/user.css" rel="stylesheet" />
		<script src="js/vue.js"></script>
		<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

	</head>
	<body>
		<div>
			<div>

			</div>
		</div>
		<div id="out">
			<div id="title">登录</div>
			<div>
				<input type="text" name="phone" placeholder="请输入手机号码" id="phone" v-model="userPhone" />
			</div>
			<div>
				<input type="password" name="password" placeholder="请输入密码" id="password" v-model="userPassword" />
			</div>
			<div>
				<input type="button" value="登录" id="button" v-on:click="login" />
			</div>
		</div>
	</body>
	<script>
		// http://localhost:8080/kaoqin/register.html
		window.onload = function() {
			var vue = new Vue({
				el: '#out',
				data: {
					userPhone: '',
					userPassword: ''
				},
				methods: {
					loginLoading: function() {

						var url = 'http://localhost:8080/kaoqin/user/loginLoading';
						// url=发送请求的链接，和后端匹配
						// 第二个参数规定是对象：{元素名:元素}    要传给后台的数据
						// emulateJSON:false固定     是false还是true视实际情况更改
						this.$http.post(url, {}, {
							emulateJSON: false
						}).then(function(backdatas) {
							console.log(backdatas);


							var code = backdatas.body.code;
							console.log(code);

							// 拿到后台返回的数据
							var data = backdatas.body.data;
							console.log(data);

						});
					},
					login: function() {

						var url = 'http://localhost:8080/kaoqin/user/login';
						// url=发送请求的链接，和后端匹配
						// 第二个参数规定是对象：{元素名:元素}    要传给后台的数据
						// emulateJSON:false固定     是false还是true视实际情况更改
						this.$http.post(url, {
							phone: this.userPhone,
							password: this.userPassword
						}, {
							emulateJSON: false
						}).then(function(backdatas) {
							console.log(backdatas);


							var code = backdatas.body.code;
							console.log(code);

							// 拿到后台返回的数据
							var data = backdatas.body.data;
							console.log(data);

							var message = backdatas.body.message;
							console.log(message);


							if (code == 691) {
								alert(message);
								location.reload();
							} else if (code == 403) {
								window.location.href =
									"http://localhost:8080/kaoqin/403.html"
							} else {
								alert(message);



								if (data == 20010) { // 20010=系统管理员
									window.location.href =
										"http://localhost:8080/kaoqin/index.html"

								} else if (data == 20020) { // 20020=学生
									document.write("学生页面")

								} else if (data == 20030) { // 20030=老师
									document.write("老师页面")

								} else if (data == 20040) { // 20040=班级管理员
									document.write("班级管理员页面")

								} else if (data == 20050) { // 20050=校级管理员
									document.write("校级管理员页面")

								} else if (data == 20060) { // 20060=HR
									document.write("HR页面")
								}
							}
						});
					}

				}
			});
			vue.loginLoading();
		};
	</script>
</html>
